<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>诛仙官网</title>
    </head>
    <body>
        <div id="container" style="width: 500px;">
            <div id="header" style="background-color: #FFA500;">
                <h1 style="margin-bottom: 0;">主要的网页标题</h1>
            </div>
            <div id="menu" style="background-color: #FFD700;height: 200px; width: 100px;float: left;">
                <b>菜单</b><br>
                HTML<br>
                CSS<br>
                JavaScript<br>
            </div>
            <div id="content" style="background-color: #EEEEEE;height: 200px;width: 400px;float: left;">内容在这里</div>
            <div id="footer" style="background-color: #FFA500;clear: both;text-align: center;">版权 @ shuqingle_CN@163.com</div>
        </div>
        <br>
        <table width="500px" border="0">
            <tr>
                <td colspan="2" style="background-color: #FFA500;">
                    <h1>主要的网页标题</h1>
                </td>
            </tr>
            <tr>
                <td style="background-color: #FFD700;width: 100px;">
                    <b>菜单</b><br>
                    HTML<br>
                    CSS<br>
                    JavaScript<br>
                </td>
                <td style="background-color:#EEEEEE ;height: 200px;width: 400px;">
                    内容在这里
                </td>
            </tr>
            <tr>
                <td colspan="2" style="background-color: #FFA500;text-align: center;">
                    版权 @ shuqingle_CN@163.com
                </td>
            </tr>
        </table>
        <br>
        <form action="/" method="post">
            <!-- 文本输入 -->
             <label for="name">用户名:</label>
             <input type="text" id="name" name="name" required>
             <br>

             <!-- 密码输入 -->
              <label for="password">密码:</label>
              <input type="password" id="password" name="password" required>
              <br>

              <!-- 单选按钮 -->
               <label for="gender">性别:</label>
               <input type="radio" id="male" name="gender" value="male" checked>
               <label for="male">男</label>
               <input type="radio" id="female" name="gender" value="female">
               <label for="female">女</label>
               <br>

               <!-- 复选框 -->
                <input type="checkbox" id="subscribe" name="subscribe" checked>
                <label for="subscribe">订阅推送消息</label>
                <br>

                <!-- 下拉列表 -->
                 <label for="country">国家:</label>
                 <select name="country" id="country">
                    <option value="cn">CN</option>
                    <option value="usa">USA</option>
                    <option value="uk">UK</option>
                 </select>
                 <br>

                 <!-- 提交按钮 -->
                  <input type="submit" value="提交">
        </form>

        <br>

        <form action="">
            First name: <input type="text" name="firstName"><br>
            Last name: <input type="text" name="lastName">
        </form>
    </body>
</html>